<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <!--无数据 tips-->
    <section class="no-data__wrap" th:if="${#lists.isEmpty(dataMap['list'])} and ${dataMap['pageNum']}==1">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">你还没有加入任何班级哦~~~</br>先去报名想学的课程,然后才能加入对应课程的班级</span></p>
        <p class="pt10">
            <a th:href="@{/web/classes/index}">
                <button type="button" class="btn btn-lg btn-info btn-rounded">
                    <small class="fs16">去班级首页看看</small>
                </button>
            </a>
        </p>
    </section>
    <div class="col-sm-4 class-list-item" th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="classes: ${dataMap['list']}">
        <section class="class-bCard__wrap">
            <div class="class-bCard-face">
                <a th:href="@{/web/classes/info?id={id}(id=${classes['id']})}">
                    <img th:attr="data-original=${classes['imageMap']['pcUrlMap']['small']}" width="100" height="100" class="lazy img-circle">
                </a>
            </div>
            <h4 class="hLh30 txtOf text-center">
                <a th:href="@{/web/classes/info?id={id}(id=${classes['id']})}" class="c-333 vam" th:text="${classes['name']}"></a>
            </h4>
            <section class="cm-desc-txt__twoLine text-center">
                <span class="c-999 fs12" th:text="${classes['summary']}"></span>
            </section>
            <section class="mt10 text-center">
                <a th:href="@{/web/classes/info?id={id}(id=${classes['id']})}">
                    <button class="btn btn-danger btn-rounded" type="button"> 查看</button>
                </a>
            </section>
            <hr>
            <section class="pb10 text-center">
                <span class="fs12 c-333"><b th:text="${classes['topicCount']}"></b>个话题</span>
                <span class="fs12 c-333">·</span>
                <span class="fs12 c-333"><b th:text="${classes['studentCount']}"></b>位同学</span>
            </section>
        </section>
    </div>
    <input hidden id="pages" th:value="${dataMap['pages']}">
    <input hidden id="pageNum" th:value="${dataMap['pageNum']}">
    <input hidden id="total" th:value="${dataMap['total']}">
</html>